import React from 'react'
import { Button, Space } from 'antd-mobile'
import { SetOutline,BellOutline,MessageOutline,FileOutline,ExclamationTriangleOutline } from 'antd-mobile-icons'
import './My.scss'
import { useNavigate } from 'react-router-dom'
export default function My() {
    let nav = useNavigate()
    const bj = () => {
        nav('/app/my/bji')
    }
    let img = localStorage.getItem('img')||'/imgs/1.jpg'
    return (
        <div className='zong'>
            <div className='head'>
                <h2>我 的</h2>
                <div className='head-top'>
                    <div className='imgss'><img src={img} alt="" style={{ borderRadius: '50%', objectFit: 'cover' }} /></div>
                    <div className='head-zi'>
                        <h2>Koto</h2>
                        <p>koto@gmail.com</p>
                        <p><Button color='warning' fill='outline' size='small' onClick={()=>{
                            bj()
                        }}>编辑资料</Button></p>
                    </div>
                </div>
            </div>
            {/* <div className='nei'></div> */}
            <div className='wai'>
                <div className='ling1'>
                    <div className='ling-ll'>
                        <SetOutline fontSize={24} />
                        <div>
                            <p className='p'>设置</p>
                            <p>主题， 设置</p>
                        </div>
                    </div>
                </div>
                <div className='ling1'>
                    <div className='ling-ll'>
                        <BellOutline fontSize={24} />
                        <div>
                            <p className='p'>通知</p>
                            <p>铃声， 消息， 通知</p>
                        </div>

                    </div>
                </div>
                <div className='ling1'>
                    <div className='ling-ll'>
                        <MessageOutline fontSize={24} />
                        <div>
                            <p className='p'>帮助</p>
                            <p>联系我们</p>
                        </div>

                    </div>
                </div>
                <div className='ling1'>
                    <div className='ling-ll'>
                        <FileOutline fontSize={24} />
                        <div>
                            <p className='p'>关于</p>
                            <p>关于我们这个应用</p>
                        </div>

                    </div>
                </div>
                <div className='ling1'>
                    <div className='ling-ll'>
                        <ExclamationTriangleOutline fontSize={24} color='var(--adm-color-danger)' />
                        <div>
                            <p style={{color:'red'}} className='p'>退出</p>
                            <p>退出您的账户</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    )
}
    